<!DOCTYPE html>
<!-- saved from url=(0063)https://192.168.56.113/o/dashboard/#/bigScreen/bigScreenMonitor -->
<html lang="zh-CN" class=" ">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="https://192.168.56.113/o/dashboard/static/logo.png">
    <title>智能监控大屏 - 可视化平台</title>
    <style>#loading-mask {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #fff;
        user-select: none;
        z-index: 9999;
        overflow: hidden
    }

    .loading-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -100%)
    }

    .loading-dot {
        animation: antRotate 1.2s infinite linear;
        transform: rotate(45deg);
        position: relative;
        display: inline-block;
        font-size: 64px;
        width: 64px;
        height: 64px;
        box-sizing: border-box
    }

    .loading-dot i {
        width: 22px;
        height: 22px;
        position: absolute;
        display: block;
        background-color: #1890ff;
        border-radius: 100%;
        transform: scale(.75);
        transform-origin: 50% 50%;
        opacity: .3;
        animation: antSpinMove 1s infinite linear alternate
    }

    .loading-dot i:nth-child(1) {
        top: 0;
        left: 0
    }

    .loading-dot i:nth-child(2) {
        top: 0;
        right: 0;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

    .loading-dot i:nth-child(3) {
        right: 0;
        bottom: 0;
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .loading-dot i:nth-child(4) {
        bottom: 0;
        left: 0;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s
    }

    @keyframes antRotate {
        to {
            -webkit-transform: rotate(405deg);
            transform: rotate(405deg)
        }
    }

    @-webkit-keyframes antRotate {
        to {
            -webkit-transform: rotate(405deg);
            transform: rotate(405deg)
        }
    }

    @keyframes antSpinMove {
        to {
            opacity: 1
        }
    }

    @-webkit-keyframes antSpinMove {
        to {
            opacity: 1
        }
    }</style>
    <link href="./智能监控大屏 - 可视化平台_files/bigScreen.36da6763.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-0303b85d.22abef22.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-3958e1d0.3b6bc799.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-3be225c9.8deecfa5.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-4e603956.a2017add.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-5bd329fa.a64c60e9.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-65ac152f.044440da.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-69bba5ae.37b8479c.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-73a9b8b0.0ae940e8.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-be8aaa0e.c491ea70.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/chunk-f148f5a4.5d840718.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/error.8facf016.css" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/css/fail.6cfbac93.css" rel="prefetch">
    <link href="./智能监控大屏 - 可视化平台_files/bigScreen.9f2d606f.js.下载" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-0303b85d.86326ed1.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-3958e1d0.4e529090.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-3be225c9.36702c17.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-4e603956.039516d6.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-5bd329fa.37193362.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-65ac152f.9becbde5.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-69bba5ae.d8f6c141.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-73a9b8b0.80367aa6.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-be8aaa0e.f8d207df.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/chunk-f148f5a4.fbefdfa2.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/error.88e2c2f9.js" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/fail.4a04d027.js" rel="prefetch">
    <link href="./智能监控大屏 - 可视化平台_files/lang-zh-CN.2d86233b.js.下载" rel="prefetch">
    <link href="https://192.168.56.113/o/dashboard/static/js/npm.lodash.get.86c276e7.js" rel="prefetch">
    <link href="./智能监控大屏 - 可视化平台_files/app.66f0ae87.css" rel="preload" as="style">
    <link href="./智能监控大屏 - 可视化平台_files/npm.ant-design-vue.b3a9af5a.css" rel="preload" as="style">
    <link href="./智能监控大屏 - 可视化平台_files/npm.jiaminghi.3733c13d.css" rel="preload" as="style">
    <link href="./智能监控大屏 - 可视化平台_files/app.197710f6.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.ant-design-vue.26aa5314.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.ant-design.e2ccabee.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.antv.97c62085.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.core-js.db22bd87.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.echarts.a75ae0a4.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.jiaminghi.d16295a8.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.lodash.a7b3a6b9.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.moment.c8a00e0f.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.v-charts.62c162ba.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.vue-container-query.9104455a.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.vue-router.16171862.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.vue.41134095.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.zrender.9f8c180e.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/runtime.f04b3eb1.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/vendors_app.41b8d70b.js.下载" rel="preload" as="script">
    <link href="./智能监控大屏 - 可视化平台_files/npm.ant-design-vue.b3a9af5a.css" rel="stylesheet">
    <link href="./智能监控大屏 - 可视化平台_files/npm.jiaminghi.3733c13d.css" rel="stylesheet">
    <link href="./智能监控大屏 - 可视化平台_files/app.66f0ae87.css" rel="stylesheet">
    <style type="text/css">
        .vue-cropper[data-v-6dae58fd] {
            position: relative;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            direction: ltr;
            touch-action: none;
            text-align: left;
            background-image: url("");
        }

        .cropper-box[data-v-6dae58fd],
        .cropper-box-canvas[data-v-6dae58fd],
        .cropper-drag-box[data-v-6dae58fd],
        .cropper-crop-box[data-v-6dae58fd],
        .cropper-face[data-v-6dae58fd] {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            user-select: none;
        }

        .cropper-box-canvas img[data-v-6dae58fd] {
            position: relative;
            text-align: left;
            user-select: none;
            transform: none;
            max-width: none;
            max-height: none;
        }

        .cropper-box[data-v-6dae58fd] {
            overflow: hidden;
        }

        .cropper-move[data-v-6dae58fd] {
            cursor: move;
        }

        .cropper-crop[data-v-6dae58fd] {
            cursor: crosshair;
        }

        .cropper-modal[data-v-6dae58fd] {
            background: rgba(0, 0, 0, 0.5);
        }

        .cropper-crop-box[data-v-6dae58fd] {
            /*border: 2px solid #39f;*/
        }

        .cropper-view-box[data-v-6dae58fd] {
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            outline: 1px solid #39f;
            outline-color: rgba(51, 153, 255, 0.75);
            user-select: none;
        }

        .cropper-view-box img[data-v-6dae58fd] {
            user-select: none;
            text-align: left;
            max-width: none;
            max-height: none;
        }

        .cropper-face[data-v-6dae58fd] {
            top: 0;
            left: 0;
            background-color: #fff;
            opacity: 0.1;
        }

        .crop-info[data-v-6dae58fd] {
            position: absolute;
            left: 0px;
            min-width: 65px;
            text-align: center;
            color: white;
            line-height: 20px;
            background-color: rgba(0, 0, 0, 0.8);
            font-size: 12px;
        }

        .crop-line[data-v-6dae58fd] {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0.1;
        }

        .line-w[data-v-6dae58fd] {
            top: -3px;
            left: 0;
            height: 5px;
            cursor: n-resize;
        }

        .line-a[data-v-6dae58fd] {
            top: 0;
            left: -3px;
            width: 5px;
            cursor: w-resize;
        }

        .line-s[data-v-6dae58fd] {
            bottom: -3px;
            left: 0;
            height: 5px;
            cursor: s-resize;
        }

        .line-d[data-v-6dae58fd] {
            top: 0;
            right: -3px;
            width: 5px;
            cursor: e-resize;
        }

        .crop-point[data-v-6dae58fd] {
            position: absolute;
            width: 8px;
            height: 8px;
            opacity: 0.75;
            background-color: #39f;
            border-radius: 100%;
        }

        .point1[data-v-6dae58fd] {
            top: -4px;
            left: -4px;
            cursor: nw-resize;
        }

        .point2[data-v-6dae58fd] {
            top: -5px;
            left: 50%;
            margin-left: -3px;
            cursor: n-resize;
        }

        .point3[data-v-6dae58fd] {
            top: -4px;
            right: -4px;
            cursor: ne-resize;
        }

        .point4[data-v-6dae58fd] {
            top: 50%;
            left: -4px;
            margin-top: -3px;
            cursor: w-resize;
        }

        .point5[data-v-6dae58fd] {
            top: 50%;
            right: -4px;
            margin-top: -3px;
            cursor: e-resize;
        }

        .point6[data-v-6dae58fd] {
            bottom: -5px;
            left: -4px;
            cursor: sw-resize;
        }

        .point7[data-v-6dae58fd] {
            bottom: -5px;
            left: 50%;
            margin-left: -3px;
            cursor: s-resize;
        }

        .point8[data-v-6dae58fd] {
            bottom: -5px;
            right: -4px;
            cursor: se-resize;
        }

        @media screen and (max-width: 500px) {
            .crop-point[data-v-6dae58fd] {
                position: absolute;
                width: 20px;
                height: 20px;
                opacity: 0.45;
                background-color: #39f;
                border-radius: 100%;
            }

            .point1[data-v-6dae58fd] {
                top: -10px;
                left: -10px;
            }

            .point2[data-v-6dae58fd],
            .point4[data-v-6dae58fd],
            .point5[data-v-6dae58fd],
            .point7[data-v-6dae58fd] {
                display: none;
            }

            .point3[data-v-6dae58fd] {
                top: -10px;
                right: -10px;
            }

            .point4[data-v-6dae58fd] {
                top: 0;
                left: 0;
            }

            .point6[data-v-6dae58fd] {
                bottom: -10px;
                left: -10px;
            }

            .point8[data-v-6dae58fd] {
                bottom: -10px;
                right: -10px;
            }
        }
    </style>
    <script charset="utf-8" src="./智能监控大屏 - 可视化平台_files/lang-zh-CN.2d86233b.js.下载"></script>
    <style type="text/css">#_copy {
        align-items: center;
        background: #4494D5;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 13px;
        height: 30px;
        justify-content: center;
        position: absolute;
        width: 60px;
        z-index: 1000
    }

    #select-tooltip, #sfModal, .modal-backdrop, div[id^=reader-helper] {
        display: none !important
    }

    .modal-open {
        overflow: auto !important
    }

    ._sf_adjust_body {
        padding-right: 0 !important
    }</style>
    <link rel="stylesheet" type="text/css" href="./智能监控大屏 - 可视化平台_files/bigScreen.36da6763.css">
    <script charset="utf-8" src="./智能监控大屏 - 可视化平台_files/bigScreen.9f2d606f.js.下载"></script>
</head>
<body style="cursor: default;">
<noscript><strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to
    continue.</strong></noscript>
<div id="app">
    <div data-v-3c6b8287="" id="dv-full-screen-container" class="container"
         style="width: 1920px; height: 1200px; transform: scale(1);"><i data-v-3c6b8287="" aria-label="图标: fullscreen"
                                                                        tabindex="-1"
                                                                        class="icon anticon anticon-fullscreen"
                                                                        title="全屏">
        <svg viewBox="64 64 896 896" data-icon="fullscreen" width="1em" height="1em" fill="currentColor"
             aria-hidden="true" focusable="false" class="">
            <path d="M290 236.4l43.9-43.9a8.01 8.01 0 0 0-4.7-13.6L169 160c-5.1-.6-9.5 3.7-8.9 8.9L179 329.1c.8 6.6 8.9 9.4 13.6 4.7l43.7-43.7L370 423.7c3.1 3.1 8.2 3.1 11.3 0l42.4-42.3c3.1-3.1 3.1-8.2 0-11.3L290 236.4zm352.7 187.3c3.1 3.1 8.2 3.1 11.3 0l133.7-133.6 43.7 43.7a8.01 8.01 0 0 0 13.6-4.7L863.9 169c.6-5.1-3.7-9.5-8.9-8.9L694.8 179c-6.6.8-9.4 8.9-4.7 13.6l43.9 43.9L600.3 370a8.03 8.03 0 0 0 0 11.3l42.4 42.4zM845 694.9c-.8-6.6-8.9-9.4-13.6-4.7l-43.7 43.7L654 600.3a8.03 8.03 0 0 0-11.3 0l-42.4 42.3a8.03 8.03 0 0 0 0 11.3L734 787.6l-43.9 43.9a8.01 8.01 0 0 0 4.7 13.6L855 864c5.1.6 9.5-3.7 8.9-8.9L845 694.9zm-463.7-94.6a8.03 8.03 0 0 0-11.3 0L236.3 733.9l-43.7-43.7a8.01 8.01 0 0 0-13.6 4.7L160.1 855c-.6 5.1 3.7 9.5 8.9 8.9L329.2 845c6.6-.8 9.4-8.9 4.7-13.6L290 787.6 423.7 654c3.1-3.1 3.1-8.2 0-11.3l-42.4-42.4z"></path>
        </svg>
    </i><span data-v-3c6b8287="" class="timenow">2022-10-12 12:50:50</span>
        <h2 data-v-3c6b8287="" class="title">智能监控大屏</h2>
        <div data-v-3c6b8287="" class="dv-decoration-5 titlebox">
            <svg width="1910" height="80">
                <polyline fill="transparent" stroke-width="3"
                          points="0,16 343.8,16 382,32 477.5,32 515.7,48 1375.2,48 1432.5,32 1528,32 1566.1999999999998,16 1910,16"
                          stroke="#85A5F4">
                    <animate attributeName="stroke-dasharray" attributeType="XML"
                             from="0, 960.9191501911595, 0, 960.9191501911595" to="0, 0, 1921.838300382319, 0" dur="4s"
                             begin="0s" calcMode="spline" keyTimes="0;1" keySplines="0.4,1,0.49,0.98"
                             repeatCount="indefinite"></animate>
                </polyline>
                <polyline fill="transparent" stroke-width="2" points="573,64 1337,64" stroke="#5A77BA">
                    <animate attributeName="stroke-dasharray" attributeType="XML" from="0, 382, 0, 382"
                             to="0, 0, 764, 0" dur="4s" begin="0s" calcMode="spline" keyTimes="0;1"
                             keySplines=".4,1,.49,.98" repeatCount="indefinite"></animate>
                </polyline>
            </svg>
        </div>


        <div data-v-3c6b8287="" class="top_box ant-row" style="margin: -8px;">
            <div data-v-3c6b8287="" class="height_100 ant-col ant-col-7" style="padding: 8px;">
                <div data-v-3c6b8287="" class="dv-border-box-11 height_100 box11sty">
                    <svg width="534" height="599" class="dv-border-svg-container">
                        <defs>
                            <filter id="border-box-11-filterId-8539f038904a43ebb527ef947502465b" height="150%"
                                    width="150%" x="-25%" y="-25%">
                                <femorphology operator="dilate" radius="2" in="SourceAlpha"
                                              result="thicken"></femorphology>
                                <fegaussianblur in="thicken" stdDeviation="3" result="blurred"></fegaussianblur>
                                <feflood result="glowColor" flood-color="#1f33a2"></feflood>
                                <fecomposite in="glowColor" in2="blurred" operator="in"
                                             result="softGlowColored"></fecomposite>
                                <femerge>
                                    <femergenode in="softGlowColored"></femergenode>
                                    <femergenode in="SourceGraphic"></femergenode>
                                </femerge>
                            </filter>
                        </defs>
                        <polygon fill="transparent" points="
      20, 32 142, 32 162, 53
      372, 53 392, 32
      514, 32 526, 48 526, 574 514, 591
      20, 591 8, 574 8, 50
    "></polygon>
                        <polyline filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" points="
        142, 30
        20, 30 7, 50 7, 266
        13, 271 13, 351
        7, 356 7, 572
        20, 592 514, 592 527, 572
        527, 356 521, 351
        521, 271 527, 266
        527, 50 514, 30 392, 30
        372, 7 162, 7
        142, 30 162, 52
        372, 52 392, 30
      " stroke="#8aaafb"></polyline>
                        <polygon fill="transparent" points="
        387, 30 371, 11
        365, 11 384, 34
      " stroke="#8aaafb"></polygon>
                        <polygon fill="transparent" points="
        147, 30 164, 49
        170, 49 150, 26
      " stroke="#8aaafb"></polygon>
                        <polygon fill="rgba(31,51,162,0.3)"
                                 filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" points="
        381, 37 360, 11
        165, 11 153, 23
        175, 49 370, 49
      " stroke="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" opacity="1"
                                 points="
        132, 37 111, 37
        117, 46 138, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" opacity="0.7"
                                 points="
        102, 37 81, 37
        87, 46 108, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" opacity="0.5"
                                 points="
        72, 37 51, 37
        57, 46 78, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" opacity="1"
                                 points="
        422, 37 401, 37
        395, 46 416, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" opacity="0.7"
                                 points="
        452, 37 431, 37
        425, 46 446, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" opacity="0.5"
                                 points="
        482, 37 461, 37
        455, 46 476, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <text x="267" y="32" fill="#fff" font-size="18" text-anchor="middle" dominant-baseline="middle"
                              class="dv-border-box-11-title"> 实时告警总览
                        </text>
                        <polygon filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" points="
        7, 269 11, 273
        11, 349 7, 353
      " fill="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-8539f038904a43ebb527ef947502465b)" points="
        527, 269 523, 273
        523, 349 527, 353
      " fill="#8aaafb"></polygon>
                    </svg>
                    <div class="border-box-content">
                        <div data-v-3c6b8287="" class="height_100 ant-row" style="margin: -12px;">
                            <div data-v-3c6b8287="" class="ant-col ant-col-12" style="padding: 12px; height: 33.33%;">
                                <div data-v-3c6b8287="" class="dv-border-box-10 box_public topleftbox"
                                     style="box-shadow: rgb(34, 59, 129) 0px 0px 25px 3px inset;">
                                    <svg width="225" height="149" class="dv-border-svg-container">
                                        <polygon fill="transparent" points="
      4, 0 221, 0 225, 4 225, 145 221, 149
      4, 149 0, 145 0, 4
    "></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#7CE0EC"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#7CE0EC"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#7CE0EC"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#7CE0EC"></polygon>
                                    </svg>
                                    <div class="border-box-content">
                                        <div data-v-3c6b8287="" class="topleftbox-item">
                                            <div data-v-3c6b8287="" class="topleftbox-item-title"
                                                 style="color: rgb(124, 224, 236);"> 总数
                                            </div>
                                            <div data-v-3c6b8287="" class="topleftbox-item-count"
                                                 style="color: rgb(124, 224, 236);"><span data-v-3c6b8287="">
  0
</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-v-3c6b8287="" class="ant-col ant-col-12" style="padding: 12px; height: 33.33%;">
                                <div data-v-3c6b8287="" class="dv-border-box-10 box_public topleftbox"
                                     style="box-shadow: rgb(34, 59, 129) 0px 0px 25px 3px inset;">
                                    <svg width="225" height="149" class="dv-border-svg-container">
                                        <polygon fill="transparent" points="
      4, 0 221, 0 225, 4 225, 145 221, 149
      4, 149 0, 145 0, 4
    "></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#FF2F2F"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#FF2F2F"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#FF2F2F"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#FF2F2F"></polygon>
                                    </svg>
                                    <div class="border-box-content">
                                        <div data-v-3c6b8287="" class="topleftbox-item">
                                            <div data-v-3c6b8287="" class="topleftbox-item-title"
                                                 style="color: rgb(255, 47, 47);"> 灾难
                                            </div>
                                            <div data-v-3c6b8287="" class="topleftbox-item-count"
                                                 style="color: rgb(255, 47, 47);"><span data-v-3c6b8287="">
  0
</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-v-3c6b8287="" class="ant-col ant-col-12" style="padding: 12px; height: 33.33%;">
                                <div data-v-3c6b8287="" class="dv-border-box-10 box_public topleftbox"
                                     style="box-shadow: rgb(34, 59, 129) 0px 0px 25px 3px inset;">
                                    <svg width="225" height="149" class="dv-border-svg-container">
                                        <polygon fill="transparent" points="
      4, 0 221, 0 225, 4 225, 145 221, 149
      4, 149 0, 145 0, 4
    "></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#EF643B"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#EF643B"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#EF643B"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#EF643B"></polygon>
                                    </svg>
                                    <div class="border-box-content">
                                        <div data-v-3c6b8287="" class="topleftbox-item">
                                            <div data-v-3c6b8287="" class="topleftbox-item-title"
                                                 style="color: rgb(239, 100, 59);"> 严重
                                            </div>
                                            <div data-v-3c6b8287="" class="topleftbox-item-count"
                                                 style="color: rgb(239, 100, 59);"><span data-v-3c6b8287="">
  0
</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-v-3c6b8287="" class="ant-col ant-col-12" style="padding: 12px; height: 33.33%;">
                                <div data-v-3c6b8287="" class="dv-border-box-10 box_public topleftbox"
                                     style="box-shadow: rgb(34, 59, 129) 0px 0px 25px 3px inset;">
                                    <svg width="225" height="149" class="dv-border-svg-container">
                                        <polygon fill="transparent" points="
      4, 0 221, 0 225, 4 225, 145 221, 149
      4, 149 0, 145 0, 4
    "></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#F78C3A"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#F78C3A"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#F78C3A"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#F78C3A"></polygon>
                                    </svg>
                                    <div class="border-box-content">
                                        <div data-v-3c6b8287="" class="topleftbox-item">
                                            <div data-v-3c6b8287="" class="topleftbox-item-title"
                                                 style="color: rgb(247, 140, 58);"> 一般严重
                                            </div>
                                            <div data-v-3c6b8287="" class="topleftbox-item-count"
                                                 style="color: rgb(247, 140, 58);"><span data-v-3c6b8287="">
  0
</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-v-3c6b8287="" class="ant-col ant-col-12" style="padding: 12px; height: 33.33%;">
                                <div data-v-3c6b8287="" class="dv-border-box-10 box_public topleftbox"
                                     style="box-shadow: rgb(34, 59, 129) 0px 0px 25px 3px inset;">
                                    <svg width="225" height="149" class="dv-border-svg-container">
                                        <polygon fill="transparent" points="
      4, 0 221, 0 225, 4 225, 145 221, 149
      4, 149 0, 145 0, 4
    "></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#F0BF13"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#F0BF13"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#F0BF13"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#F0BF13"></polygon>
                                    </svg>
                                    <div class="border-box-content">
                                        <div data-v-3c6b8287="" class="topleftbox-item">
                                            <div data-v-3c6b8287="" class="topleftbox-item-title"
                                                 style="color: rgb(240, 191, 19);"> 警告
                                            </div>
                                            <div data-v-3c6b8287="" class="topleftbox-item-count"
                                                 style="color: rgb(240, 191, 19);"><span data-v-3c6b8287="">
  0
</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-v-3c6b8287="" class="ant-col ant-col-12" style="padding: 12px; height: 33.33%;">
                                <div data-v-3c6b8287="" class="dv-border-box-10 box_public topleftbox"
                                     style="box-shadow: rgb(34, 59, 129) 0px 0px 25px 3px inset;">
                                    <svg width="225" height="149" class="dv-border-svg-container">
                                        <polygon fill="transparent" points="
      4, 0 221, 0 225, 4 225, 145 221, 149
      4, 149 0, 145 0, 4
    "></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#7B9AF8"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-top dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#7B9AF8"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="left-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#7B9AF8"></polygon>
                                    </svg>
                                    <svg width="150px" height="150px" class="right-bottom dv-border-svg-container">
                                        <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
                                                 fill="#7B9AF8"></polygon>
                                    </svg>
                                    <div class="border-box-content">
                                        <div data-v-3c6b8287="" class="topleftbox-item">
                                            <div data-v-3c6b8287="" class="topleftbox-item-title"
                                                 style="color: rgb(123, 154, 248);"> 信息
                                            </div>
                                            <div data-v-3c6b8287="" class="topleftbox-item-count"
                                                 style="color: rgb(123, 154, 248);"><span data-v-3c6b8287="">
  0
</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-3c6b8287="" class="height_100 ant-col ant-col-10" style="padding: 8px;">
                <div data-v-3c6b8287="" class="dv-border-box-11 height_100 box11sty">
                    <svg width="770" height="599" class="dv-border-svg-container">
                        <defs>
                            <filter id="border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4" height="150%"
                                    width="150%" x="-25%" y="-25%">
                                <femorphology operator="dilate" radius="2" in="SourceAlpha"
                                              result="thicken"></femorphology>
                                <fegaussianblur in="thicken" stdDeviation="3" result="blurred"></fegaussianblur>
                                <feflood result="glowColor" flood-color="#1f33a2"></feflood>
                                <fecomposite in="glowColor" in2="blurred" operator="in"
                                             result="softGlowColored"></fecomposite>
                                <femerge>
                                    <femergenode in="softGlowColored"></femergenode>
                                    <femergenode in="SourceGraphic"></femergenode>
                                </femerge>
                            </filter>
                        </defs>
                        <polygon fill="transparent" points="
      20, 32 260, 32 280, 53
      490, 53 510, 32
      750, 32 762, 48 762, 574 750, 591
      20, 591 8, 574 8, 50
    "></polygon>
                        <polyline filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" points="
        260, 30
        20, 30 7, 50 7, 266
        13, 271 13, 351
        7, 356 7, 572
        20, 592 750, 592 763, 572
        763, 356 757, 351
        757, 271 763, 266
        763, 50 750, 30 510, 30
        490, 7 280, 7
        260, 30 280, 52
        490, 52 510, 30
      " stroke="#8aaafb"></polyline>
                        <polygon fill="transparent" points="
        505, 30 489, 11
        483, 11 502, 34
      " stroke="#8aaafb"></polygon>
                        <polygon fill="transparent" points="
        265, 30 282, 49
        288, 49 268, 26
      " stroke="#8aaafb"></polygon>
                        <polygon fill="rgba(31,51,162,0.3)"
                                 filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" points="
        499, 37 478, 11
        283, 11 271, 23
        293, 49 488, 49
      " stroke="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" opacity="1"
                                 points="
        250, 37 229, 37
        235, 46 256, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" opacity="0.7"
                                 points="
        220, 37 199, 37
        205, 46 226, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" opacity="0.5"
                                 points="
        190, 37 169, 37
        175, 46 196, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" opacity="1"
                                 points="
        540, 37 519, 37
        513, 46 534, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" opacity="0.7"
                                 points="
        570, 37 549, 37
        543, 46 564, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" opacity="0.5"
                                 points="
        600, 37 579, 37
        573, 46 594, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <text x="385" y="32" fill="#fff" font-size="18" text-anchor="middle" dominant-baseline="middle"
                              class="dv-border-box-11-title"> 实时告警信息
                        </text>
                        <polygon filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" points="
        7, 269 11, 273
        11, 349 7, 353
      " fill="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-0b68226aeb03428fa2c557dc543561e4)" points="
        763, 269 759, 273
        759, 349 763, 353
      " fill="#8aaafb"></polygon>
                    </svg>
                    <div class="border-box-content">
                        <div data-v-3c6b8287="" class="dv-scroll-board height_100 width_100">
                            <div class="header" style="background-color: rgb(0, 28, 95);">
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 170px;">主机名称
                                </div>
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 440px;">触发器
                                </div>
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 170px;">唯一标识
                                </div>
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 170px;">告警时间
                                </div>
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 150px;">告警等级
                                </div>
                            </div>
                            <div class="rows" style="height: 484px;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-3c6b8287="" class="height_100 ant-col ant-col-7" style="padding: 8px;">
                <div data-v-3c6b8287="" class="dv-border-box-11 height_100 box11sty">
                    <svg width="534" height="599" class="dv-border-svg-container">
                        <defs>
                            <filter id="border-box-11-filterId-d72aa94729474986bd009c14cb042e72" height="150%"
                                    width="150%" x="-25%" y="-25%">
                                <femorphology operator="dilate" radius="2" in="SourceAlpha"
                                              result="thicken"></femorphology>
                                <fegaussianblur in="thicken" stdDeviation="3" result="blurred"></fegaussianblur>
                                <feflood result="glowColor" flood-color="#1f33a2"></feflood>
                                <fecomposite in="glowColor" in2="blurred" operator="in"
                                             result="softGlowColored"></fecomposite>
                                <femerge>
                                    <femergenode in="softGlowColored"></femergenode>
                                    <femergenode in="SourceGraphic"></femergenode>
                                </femerge>
                            </filter>
                        </defs>
                        <polygon fill="transparent" points="
      20, 32 142, 32 162, 53
      372, 53 392, 32
      514, 32 526, 48 526, 574 514, 591
      20, 591 8, 574 8, 50
    "></polygon>
                        <polyline filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" points="
        142, 30
        20, 30 7, 50 7, 266
        13, 271 13, 351
        7, 356 7, 572
        20, 592 514, 592 527, 572
        527, 356 521, 351
        521, 271 527, 266
        527, 50 514, 30 392, 30
        372, 7 162, 7
        142, 30 162, 52
        372, 52 392, 30
      " stroke="#8aaafb"></polyline>
                        <polygon fill="transparent" points="
        387, 30 371, 11
        365, 11 384, 34
      " stroke="#8aaafb"></polygon>
                        <polygon fill="transparent" points="
        147, 30 164, 49
        170, 49 150, 26
      " stroke="#8aaafb"></polygon>
                        <polygon fill="rgba(31,51,162,0.3)"
                                 filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" points="
        381, 37 360, 11
        165, 11 153, 23
        175, 49 370, 49
      " stroke="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" opacity="1"
                                 points="
        132, 37 111, 37
        117, 46 138, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" opacity="0.7"
                                 points="
        102, 37 81, 37
        87, 46 108, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" opacity="0.5"
                                 points="
        72, 37 51, 37
        57, 46 78, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" opacity="1"
                                 points="
        422, 37 401, 37
        395, 46 416, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" opacity="0.7"
                                 points="
        452, 37 431, 37
        425, 46 446, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" opacity="0.5"
                                 points="
        482, 37 461, 37
        455, 46 476, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <text x="267" y="32" fill="#fff" font-size="18" text-anchor="middle" dominant-baseline="middle"
                              class="dv-border-box-11-title"> 告警处理状态
                        </text>
                        <polygon filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" points="
        7, 269 11, 273
        11, 349 7, 353
      " fill="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-d72aa94729474986bd009c14cb042e72)" points="
        527, 269 523, 273
        523, 349 527, 353
      " fill="#8aaafb"></polygon>
                    </svg>
                    <div class="border-box-content">
                        <div data-v-3c6b8287="" class="dv-active-ring-chart height_80">
                            <div class="active-ring-chart-container">
                                <canvas width="474" height="415"></canvas>
                            </div>
                            <div class="active-ring-info">
                                <div class="dv-digital-flop">
                                    <canvas width="100" height="30"></canvas>
                                </div>
                                <div class="active-ring-name" style="font-size: 25px;">名称0</div>
                            </div>
                        </div>
                        <div data-v-3c6b8287="" class="toprightbox">
                            <div data-v-3c6b8287="" class="toprightbox-item">
                                <div data-v-3c6b8287="" class="dot" style="background: rgb(239, 101, 0);"></div>
                                <div data-v-3c6b8287="" class="name">名称0</div>
                            </div>
                            <div data-v-3c6b8287="" class="toprightbox-item">
                                <div data-v-3c6b8287="" class="dot" style="background: rgb(28, 105, 232);"></div>
                                <div data-v-3c6b8287="" class="name">名称1</div>
                            </div>
                            <div data-v-3c6b8287="" class="toprightbox-item">
                                <div data-v-3c6b8287="" class="dot" style="background: rgb(0, 162, 190);"></div>
                                <div data-v-3c6b8287="" class="name">名称2</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-v-3c6b8287="" class="bottom_box ant-row">
            <div data-v-3c6b8287="" class="height_100 ant-col ant-col-12">
                <div data-v-3c6b8287="" class="dv-border-box-11 height_100 box11sty">
                    <svg width="935" height="496" class="dv-border-svg-container">
                        <defs>
                            <filter id="border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f" height="150%"
                                    width="150%" x="-25%" y="-25%">
                                <femorphology operator="dilate" radius="2" in="SourceAlpha"
                                              result="thicken"></femorphology>
                                <fegaussianblur in="thicken" stdDeviation="3" result="blurred"></fegaussianblur>
                                <feflood result="glowColor" flood-color="#1f33a2"></feflood>
                                <fecomposite in="glowColor" in2="blurred" operator="in"
                                             result="softGlowColored"></fecomposite>
                                <femerge>
                                    <femergenode in="softGlowColored"></femergenode>
                                    <femergenode in="SourceGraphic"></femergenode>
                                </femerge>
                            </filter>
                        </defs>
                        <polygon fill="transparent" points="
      20, 32 342.5, 32 362.5, 53
      572.5, 53 592.5, 32
      915, 32 927, 48 927, 471 915, 488
      20, 488 8, 471 8, 50
    "></polygon>
                        <polyline filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" points="
        342.5, 30
        20, 30 7, 50 7, 214.5
        13, 219.5 13, 299.5
        7, 304.5 7, 469
        20, 489 915, 489 928, 469
        928, 304.5 922, 299.5
        922, 219.5 928, 214.5
        928, 50 915, 30 592.5, 30
        572.5, 7 362.5, 7
        342.5, 30 362.5, 52
        572.5, 52 592.5, 30
      " stroke="#8aaafb"></polyline>
                        <polygon fill="transparent" points="
        587.5, 30 571.5, 11
        565.5, 11 584.5, 34
      " stroke="#8aaafb"></polygon>
                        <polygon fill="transparent" points="
        347.5, 30 364.5, 49
        370.5, 49 350.5, 26
      " stroke="#8aaafb"></polygon>
                        <polygon fill="rgba(31,51,162,0.3)"
                                 filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" points="
        581.5, 37 560.5, 11
        365.5, 11 353.5, 23
        375.5, 49 570.5, 49
      " stroke="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" opacity="1"
                                 points="
        332.5, 37 311.5, 37
        317.5, 46 338.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" opacity="0.7"
                                 points="
        302.5, 37 281.5, 37
        287.5, 46 308.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" opacity="0.5"
                                 points="
        272.5, 37 251.5, 37
        257.5, 46 278.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" opacity="1"
                                 points="
        622.5, 37 601.5, 37
        595.5, 46 616.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" opacity="0.7"
                                 points="
        652.5, 37 631.5, 37
        625.5, 46 646.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" opacity="0.5"
                                 points="
        682.5, 37 661.5, 37
        655.5, 46 676.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <text x="467.5" y="32" fill="#fff" font-size="18" text-anchor="middle"
                              dominant-baseline="middle" class="dv-border-box-11-title"> 最近七日告警数量分析
                        </text>
                        <polygon filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" points="
        7, 217.5 11, 221.5
        11, 297.5 7, 301.5
      " fill="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-bc2bc5074709441eb49c25068e7a4e9f)" points="
        928, 217.5 924, 221.5
        924, 297.5 928, 301.5
      " fill="#8aaafb"></polygon>
                    </svg>
                    <div class="border-box-content">
                        <div data-v-3c6b8287="" class="ve-histogram"
                             style="width: auto; height: 100%; position: relative;">
                            <div class="" _echarts_instance_="ec_1665549754582"
                                 style="width: auto; height: 100%; position: relative; -webkit-tap-highlight-color: transparent; user-select: none;">
                                <div style="position: relative; width: 875px; height: 416px; padding: 0px; margin: 0px; border-width: 0px;">
                                    <canvas data-zr-dom-id="zr_0" width="875" height="416"
                                            style="position: absolute; left: 0px; top: 0px; width: 875px; height: 416px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                                </div>
                                <div></div>
                            </div>
                            <div class="v-charts-data-empty" style="display: none;"> 暂无数据</div>
                            <div class="v-charts-component-loading" style="display: none;">
                                <div class="loader">
                                    <div class="loading-spinner">
                                        <svg viewBox="25 25 50 50" class="circular">
                                            <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-3c6b8287="" class="height_100 ant-col ant-col-12">
                <div data-v-3c6b8287="" class="dv-border-box-11 height_100 box11sty">
                    <svg width="935" height="496" class="dv-border-svg-container">
                        <defs>
                            <filter id="border-box-11-filterId-a35d8336d46848968a8615d3f1799209" height="150%"
                                    width="150%" x="-25%" y="-25%">
                                <femorphology operator="dilate" radius="2" in="SourceAlpha"
                                              result="thicken"></femorphology>
                                <fegaussianblur in="thicken" stdDeviation="3" result="blurred"></fegaussianblur>
                                <feflood result="glowColor" flood-color="#1f33a2"></feflood>
                                <fecomposite in="glowColor" in2="blurred" operator="in"
                                             result="softGlowColored"></fecomposite>
                                <femerge>
                                    <femergenode in="softGlowColored"></femergenode>
                                    <femergenode in="SourceGraphic"></femergenode>
                                </femerge>
                            </filter>
                        </defs>
                        <polygon fill="transparent" points="
      20, 32 342.5, 32 362.5, 53
      572.5, 53 592.5, 32
      915, 32 927, 48 927, 471 915, 488
      20, 488 8, 471 8, 50
    "></polygon>
                        <polyline filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" points="
        342.5, 30
        20, 30 7, 50 7, 214.5
        13, 219.5 13, 299.5
        7, 304.5 7, 469
        20, 489 915, 489 928, 469
        928, 304.5 922, 299.5
        922, 219.5 928, 214.5
        928, 50 915, 30 592.5, 30
        572.5, 7 362.5, 7
        342.5, 30 362.5, 52
        572.5, 52 592.5, 30
      " stroke="#8aaafb"></polyline>
                        <polygon fill="transparent" points="
        587.5, 30 571.5, 11
        565.5, 11 584.5, 34
      " stroke="#8aaafb"></polygon>
                        <polygon fill="transparent" points="
        347.5, 30 364.5, 49
        370.5, 49 350.5, 26
      " stroke="#8aaafb"></polygon>
                        <polygon fill="rgba(31,51,162,0.3)"
                                 filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" points="
        581.5, 37 560.5, 11
        365.5, 11 353.5, 23
        375.5, 49 570.5, 49
      " stroke="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" opacity="1"
                                 points="
        332.5, 37 311.5, 37
        317.5, 46 338.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" opacity="0.7"
                                 points="
        302.5, 37 281.5, 37
        287.5, 46 308.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" opacity="0.5"
                                 points="
        272.5, 37 251.5, 37
        257.5, 46 278.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" opacity="1"
                                 points="
        622.5, 37 601.5, 37
        595.5, 46 616.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" opacity="0.7"
                                 points="
        652.5, 37 631.5, 37
        625.5, 46 646.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <polygon filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" opacity="0.5"
                                 points="
        682.5, 37 661.5, 37
        655.5, 46 676.5, 46
      " fill="#8aaafb">
                            <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s"
                                     repeatCount="indefinite"></animate>
                        </polygon>
                        <text x="467.5" y="32" fill="#fff" font-size="18" text-anchor="middle"
                              dominant-baseline="middle" class="dv-border-box-11-title"> 最近七日告警排名Top8
                        </text>
                        <polygon filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" points="
        7, 217.5 11, 221.5
        11, 297.5 7, 301.5
      " fill="#8aaafb"></polygon>
                        <polygon filter="url(#border-box-11-filterId-a35d8336d46848968a8615d3f1799209)" points="
        928, 217.5 924, 221.5
        924, 297.5 928, 301.5
      " fill="#8aaafb"></polygon>
                    </svg>
                    <div class="border-box-content">
                        <div data-v-3c6b8287="" class="dv-scroll-board height_100 width_100">
                            <div class="header" style="background-color: rgb(0, 28, 95);">
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 70px;">排名
                                </div>
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 180px;">主机名称
                                </div>
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 680px;">触发器
                                </div>
                                <div align="left" class="header-item"
                                     style="height: 35px; line-height: 35px; width: 180px;">告警等级
                                </div>
                            </div>
                            <div class="rows" style="height: 381px;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>window.API_ROOT = "/o/dashboard/"</script>
<script src="./智能监控大屏 - 可视化平台_files/runtime.f04b3eb1.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.ant-design-vue.26aa5314.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.antv.97c62085.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.vue.41134095.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.echarts.a75ae0a4.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.jiaminghi.d16295a8.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.core-js.db22bd87.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.lodash.a7b3a6b9.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.zrender.9f8c180e.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.ant-design.e2ccabee.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.moment.c8a00e0f.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.v-charts.62c162ba.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.vue-container-query.9104455a.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/npm.vue-router.16171862.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/vendors_app.41b8d70b.js.下载"></script>
<script src="./智能监控大屏 - 可视化平台_files/app.197710f6.js.下载"></script><!----></body>
</html>